<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	template="../estrutura/template.xhtml">

	<ui:define name="core">
		<h:body>
			<span class="Titulo">Visitas Pendentes</span>
			<h:form>

				<p:dataTable id="visita_list" value="#{visitaMBean.listagemVisitas}"
					var="visita" paginator="true" rows="10"
					emptyMessage="Nenhuma visita agendada." paginatorPosition="bottom"
					style="overflow:auto; font-size: 12px; text-align: center;">

					<p:column headerText="RG">
						<h:outputText value="#{visita.visitante.rg}" />
					</p:column>
					
					<p:column headerText="Nome">
						<h:outputText value="#{visita.visitante.nome}" />
					</p:column>
					
					<p:column headerText="Casa">
						<h:outputText value="#{visita.residencia.descricao}" />
					</p:column>
					
					<p:column headerText="Ramal">
						<h:outputText value="#{visita.residencia.ramal}" />
					</p:column>
					
					<p:column headerText="Data da Visita">
						<h:outputText value="#{visita.dataVisita}">
							<f:convertDateTime pattern="dd/MM/yyyy" />
						</h:outputText>
					</p:column>
					
					<p:column headerText="Horario de Chegada">
						<h:outputText value="#{visita.intervaloDe}">
							<f:convertDateTime pattern="HH:mm" timeZone="GMT-3" />
						</h:outputText>
					</p:column>
					
					<p:column headerText="Horario de Saida">
						<h:outputText value="#{visita.intervaloAte}">
							<f:convertDateTime pattern="HH:mm" timeZone="GMT-3" />
						</h:outputText>
					</p:column>

					<p:column style="width:50;">
						<f:facet name="header">
							<h:outputText value="Ações" />
						</f:facet>
						<h:commandLink action="confirmar_visita"
							actionListener="#{visitaMBean.selecionar}"
							image="/util/img/confirmar.jpeg">
							<h:graphicImage value="/util/img/confirmar.jpeg" height="20"
								width="20" title="Confirmar Visita" />
						</h:commandLink>
						<h:commandLink action="cadastrar_visita"
							actionListener="#{visitaMBean.alterar}">
							<h:graphicImage value="/util/img/edit.png" height="20" width="20"
								title="Alterar Visita" />
						</h:commandLink>
						<h:commandLink action="excluir_visita"
							actionListener="#{visitaMBean.selecionar}">
							<h:graphicImage value="/util/img/remove.png" height="20"
								width="20" title="Cancelar Visita" />
						</h:commandLink>
					</p:column>
				</p:dataTable>
				<h:commandButton value="Nova visita" action="cadastrar_visita"
					actionListener="#{visitaMBean.insert}" />
			</h:form>
		</h:body>
	</ui:define>
</ui:composition>